當我開始打算開始講解程式碼的時候,我才想起來我好像並沒有大概地講一下vue cli的架構,然後我又再想起來,我很像根本沒有說過,什麼是 Vue cli , 所以今天就來講一下什麼是 Vue cli !
//反正我很閒
Vue-CLI是Vue的命令行工具,可以快速開發大型單頁應用程式 (SPA),只要照著步驟,就可以很懶人的設定好webpack等常常用在前端的開發工具,煩人的配置瞬間搞定!
node_modules:你的套件和函示庫都被放在這裡
src/components:管理和放置你所創造的元件
src/route:設定路由的地方
src/views:路由元件,指某個路由指向該元件(簡稱你的code)
App.vue:入口元件,所有元件的路由都會在此切換
main.js:入口文件,引用套件使用